<template>
    <div class="analysis">
        <div class="header mr32"></div>
        <div class="content-list">
            <div class="chart-section">
                <div class="left-chart">
                    <div class="echarts">
                        <div class="echarts-default"  >
                            <div class="chart1" ref="chart1"></div>
                        </div>
                    </div>
                </div>
                <div class="right-info">
                    <div class="sub-section">
                        <div class="s-h-title">2020年4月~2020年5月</div>
                        <div class="s-s-item">
                            <span class="s-title">参保人数</span>
                            <span class="s-detail">
                                <em class="num">0</em>
                                人
                            </span>
                        </div>
                        <div class="s-s-item">
                            <span class="s-title">增员人数</span>
                            <span class="s-detail">
                                <em class="num">0</em>
                                人
                            </span>
                        </div>
                        <div class="s-s-item">
                            <span class="s-title">减员人数0人</span>
                            <span class="s-detail">
                                <em class="num">0</em>
                                人
                            </span>
                        </div>
                    </div>

                    <div class="sub-section">
                        <div class="s-h-title">2020年4月~2020年5月</div>
                        <div class="s-s-item">
                            <span class="s-title">参保人数</span>
                            <span class="s-detail">
                                <em class="num">0</em>
                                人
                            </span>
                        </div>
                        <div class="s-s-item">
                            <span class="s-title">增员人数</span>
                            <span class="s-detail">
                                <em class="num">0</em>
                                人
                            </span>
                        </div>
                        <div class="s-s-item">
                            <span class="s-title">减员人数0人</span>
                            <span class="s-detail">
                                <em class="num">0</em>
                                人
                            </span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="chart-section">
                
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {

        }
    },
    mounted() {
        // let chart = this.$echarts.init(this.$refs('chart1'));
    // var e = ["#5f8bfc", "#44bf97", "#ffc130", "#ffdc8f", "#ff977b", "#ff7394", "#f95578", "#e24d55", "#de7bff", "#8f80ff", "#526bff", "#55baff"];
    //     chart.registerTheme("color2", {
    //         color: e,
    //         backgroundColor: "#fff",
    //         graph: {
    //             color: e
    //         },
    //         title: {
    //             top: 0,
    //             left: 0,
    //             textStyle: {
    //                 fontSize: 16,
    //                 fontWeight: "normal",
    //                 color: "#787878"
    //             }
    //         },
    //         grid: {
    //             top: "23%",
    //             left: 0,
    //             right: 10,
    //             bottom: 80,
    //             containLabel: !0
    //         }
    //     })
    //     chart.setOptions("")
    },
}
</script>
<style lang="scss" scoped src="./index.scss">

</style>